<template>
  <div class="paySuccess">
    <div class="tip"><img src="../../assets/images/ok.png" alt=""></div>
    <div class="success">您的订单已支付成功<br/>包裹正在飞速准备中</div>
    <div class="next-btn">
      <mt-button type="danger" size="large" v-on:click="redirect('/me/seeorder?id='+orderId)">查看订单</mt-button>
      <div style="margin-top:10px;">
      <mt-button type="danger" size="large" v-on:click="redirect('/home')">返回首页</mt-button>
      </div>
    </div>

    

  </div>
</template>

<script>

  export default {
    name: 'paySuccess',
    data () {
      return {
        orderId:this.$route.query.id
      }
    },
    methods: {
      redirect:function(url){
        this.$router.push(url);
      }
    },
    mounted:function(){

    },
    components: {
    }
  }
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped>
.success{
  text-align: center;
  padding: 1rem;
  line-height: 1rem;;
}
  .tip{
    text-align: center;
  }
  .tip img{
    width: 3rem;
    padding-top: 3rem;
  }
</style>
